<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
</head>
<body>
	<form  id="ajax_form"  method="post" onsubmit="return false">
		用户名<input type="text" name="name" id="name"><br>
		
		密码<input type="text" name="password" id="password"><br>
		<input  type="button" onclick="submitForm()" class="btn btn-success" value="注册">
			
	</form>
</body>
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/mylayer.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	function submitForm() {
		
		var name = $("#name").val();
		var password = $("#password").val();
		// 1.1	用户名不能为空
		if (name == ""||name == undefined||name == null){
			mylayer.errorMsg("用户名为空");
			return;
		}
		// 1.2	格式是否合法：4-8位数字或字母
		var pattern =/^[0-9a-zA-Z]{4,8}$/;
		// if (!pattern.test(name)) {
		if(!pattern.test(name)){
			mylayer.errorMsg("用户名格式非法，4-8位数字或字母");
			return;
		}
		// 2、密码验证
		// 2.1	用户名不能为空
		// 2.2	格式是否合法

		// 2.1	用户名不能为空
		if (password == "" || password == undefined || password == null) {
			mylayer.errorMsg("密码不能为空");
			return;
		}
		// 2.2	格式是否合法
		var pattern = /^[0-9a-zA-Z]{3}$/;
		// if (!pattern.test(password)) {
		if (pattern.test(password) == false) {
			mylayer.errorMsg("密码格式非法，3位数字或字母");
			return;
		}
		
		
		$.ajax({
			url : "${pageContext.request.contextPath}/user?method=insert",
			type : "post",
			dataType : "json",
			data : $("#ajax_form").serialize(),
			success : function(jsonObj) {
				console.log(jsonObj);
				if(jsonObj.code == util.SUCCESS) {
					mylayer.successMsg(jsonObj.msg);
					//当你在iframe页面关闭自身时
					var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
					setTimeout(function(){
						parent.layer.close(index); //再执行关闭 
						// 刷新父页面
						window.parent.location.reload();
					},1000);
				} else {
					mylayer.errorMsg(jsonObj.msg);
				}
				
			}
		});
	}
	</script>
</html>